﻿@using myTutor.Models
@model UserEducation

@{
    ViewBag.Title = "Trình độ học vấn";
}

<style type="text/css">
    .divchild
    {
        padding-right:5px;
        width:120px;
        float:left;
        margin-left:25px;
        margin-bottom:8px;
    }
    .boxlayout
    {     
        height:170px; 
        width:35%;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
        border-width:0px;
        border-style:solid; 
        border-color:#0A0B0C;
        border-radius:5px;
        box-shadow:1px 1px 8px 0 #2A2D30;
    }
    .textbox
    {
        width:250px;
    }

    .colSchoolName
    {
        width:40%;
    }

    .colDegree
    {
        width:25%;
    }

    .colStartYear
    {
        width:15%;
    }

    .colGraduatedYear
    {
        width:15%;
    }

    .colDelete
    {
        width:5%;
    }
</style>

<h2>Trình độ học vấn</h2>
@using (Html.BeginForm())
{ 
    <div style="float:left ;width:60%">
        <p> 
@{   
    var source = UserEducation.GetUserEducations(User.Identity.Name);
    WebGrid grid = new WebGrid(source, rowsPerPage: 10);
    var gridCols = new List<WebGridColumn>();
    gridCols.Add(grid.Column("SchoolName", header: "Tên trường", format: @<text>@item.SchoolName</text>, style: "colSchoolName"));
    gridCols.Add(grid.Column("Degree", header: "Bằng cấp", format: @<text>@item.Degree</text>, style: "colDegree"));
    gridCols.Add(grid.Column("StartYear", header: "Từ năm", format: @<text>@item.StartYear</text>, style: "colStartYear"));
    gridCols.Add(grid.Column("GraduatedYear", header: "Đến năm", format: @<text>@item.GraduatedYear</text>, style: "colGraduatedYear"));
    if (source.Count == 0)
    {
        UserEducation ed = new UserEducation();
        ed.SchoolName = "-";
        ed.Degree = "-";
        ed.StartYear = "-";
        ed.GraduatedYear = "-";
        source.Add(ed);
        
        gridCols.Add(grid.Column("", header: "", format: @<text>-</text>, style: "colDelete"));
    }
    else
    {
        gridCols.Add(grid.Column("", header: "", format: @<text>@Html.ActionLink("Xóa", "ConfirmManage", "Shared", new { actionUrl = "~/Account/DeleteEducation/" + @item.Id, cancelUrl = "~/Account/Education", message = "Bạn có thật sự muốn xóa thông tin học vấn này không?" },null)</text>, style: "colDelete"));
    }
    

}
            @grid.GetHtml(columns: grid.Columns(gridCols.ToArray()),
                            mode: WebGridPagerModes.Numeric, tableStyle: "webgrid", headerStyle: "webgrid-header", footerStyle: "webgrid-footer", rowStyle: "webgrid-row-style", alternatingRowStyle: "webgrid-alternating-row", selectedRowStyle: "webgrid-selected-row"
            )
        </p>
        <div style="clear:both">
            <div class="colSchoolName" style="float:left">@Html.TextBoxFor(m => m.CustomSchoolName, new { style = "width:96%", title = "Nhập tên trường" })</div>
            <div class="colDegree" style="float:left">@Html.TextBoxFor(m => m.CustomDegree, new { style = "width:95%", title = "Nhập bằng cấp đạt được" })</div>
            <div class="colStartYear" style="float:left">@Html.TextBoxFor(m => m.CustomStartYear, new { style = "width:90%", title = "Nhập năm bắt đầu học" })</div>
            <div class="colGraduatedYear" style="float:left">@Html.TextBoxFor(m => m.CustomGraduatedYear, new { style = "width:90%", title = "Nhập năm tốt nghiệp" })</div>
        </div>
        <div style="clear:both">
                <div>
                    @Html.ValidationMessageFor(m => m.CustomSchoolName)
                </div>
                <div>
                    @Html.ValidationMessageFor(m => m.CustomDegree)
                </div>
                <div>
                    @Html.ValidationMessageFor(m => m.CustomStartYear)
                </div>
                <div>
                    @Html.ValidationMessageFor(m => m.CustomGraduatedYear)
                </div>
        </div>
    </div>
    <div style="float:left;">
        <div style="font-size:20px;font-weight:bold;margin-top:5px;margin-left:30px">Thông tin khác</div>
        <div style="font-size:16px;font-weight:lighter;margin-top:5px;margin-left:80px">
            @Html.ActionLink("Thông tin cá nhân", "Profile", "Account")
        </div>
        <div style="font-size:16px;font-weight:lighter;margin-top:5px;margin-left:80px">
            @Html.ActionLink("Kinh nghiệm làm việc", "Experience", "Account")
        </div>
        
    </div>
    <div style="clear:both"></div>
    <div align="center">
        <p style="margin-left:50%"><strong><span class="submit-img but-blue"><span class="icon icon-submit"></span><input type="submit" class="but-submit submit-blue" value="Thêm" /></span></strong></p>
    </div>
}